<template>
  <div class="box">
    <router-link :to='{ path:"/donateDetail", query: {id: item.id} }' class="li flex vc hb" v-for='item in list' :key="item.id">
      <div>{{ item.projectTitle }}</div>
      <img class='back' src="../../assets/img/invoice/back.png" alt="">
    </router-link>
  </div>
</template>

<script>
import { userDonateList } from '@/api/donate'

export default {
  data () {
    return {
      list: []
    }
  },

  created () {
    userDonateList().then(response => {
      this.list = response.data
    })
  },

  methods: {}
}
</script>

<style scoped="scoped">
  .box {
    font-size: 17px;
    color: #434343;
    position: relative;
    padding: 10px 20px 0;
  }

  .flex {
    width: auto;
  }

  .li {
    padding: 17px 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .back {
    width: 8px;
    height: 16px;
  }
</style>
